<%@ taglib prefix="c" uri="http://java.sun.com/jsp/jstl/core" %>
<%@ page language="java" contentType="text/html; charset=utf-8"
		 pageEncoding="utf-8"%>
<html>
<head>
	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
	<title>购物车</title>
	<link href="css/bootstrap.min.css" rel="stylesheet">
	<script type="text/javascript" src="js/jquery.min.js"></script>
	<script type="text/javascript">

		function sub(cid,cnum,price){

			if (cnum == 1){
				if (confirm("当前购物车只有一条商品，是否要移除！"))
				{
					location.href = "cart?method=delete&cid="+cid;
				}
			}else{
				cnum--;
				location.href = "cart?method=update&cid="+cid+"&cnum="+cnum+"&price="+price;
			}

		}

		function add(cid,cnum,price){
			cnum++;
			location.href = "cart?method=update&cid="+cid+"&cnum="+cnum+"&price="+price;
		}


		function delCart(cid){

			if (confirm("是否要删除购物车数据！")){
				location.href = "cart?method=delete&cid="+cid;
			}
		}


		function clearCart(uid){
			if (confirm("是否要清空购物车！"))
			{
				location.href = "cart?method=clear&uid="+uid;
			}
		}
	</script>
</head>
<body style="background-color:#f5f5f5">
<%@ include file="header.jsp"%>
<div class="container" style="background-color: white;">
	<div class="row" style="margin-left: 40px">
		<h3>我的购物车<small>温馨提示：产品是否购买成功，以最终下单为准哦，请尽快结算</small></h3>
	</div>
	<div class="row" style="margin-top: 40px;">

		<c:if test="${empty list}">
			<h3>购物车空空如也！快去购物车吧！</h3>
		</c:if>
		<c:if test="${!empty list}">


			<div class="col-md-10 col-md-offset-1">

				<table class="table table-bordered table-striped table-hover">
					<tr>
						<th>序号</th>
						<th>商品名称</th>
						<th>价格</th>
						<th>数量</th>
						<th>小计</th>
						<th>操作</th>
					</tr>
					<c:set value="0" var="sum"></c:set>
					<c:forEach items="${list}" var="c" varStatus="i">
						<tr>
							<th>${i.count}</th>
							<th>${c.goods.name}</th>
							<th>${c.goods.price}</th>
							<th width="100px">
								<div class="input-group">
		 						<span class="input-group-btn">
		 							<button class="btn btn-default" type="button" onclick="sub(${c.cid},${c.num},${c.goods.price})">-</button>
		 						</span>
									<input type="text" class="form-control" id="num_count${i.count}" value="${c.num}" readonly="readonly" style="width:40px">
									<span class="input-group-btn">
		 							<button class="btn btn-default" type="button" onclick="add(${c.cid},${c.num},${c.goods.price})">+</button>
		 						</span>
								</div>
							</th>
							<th>¥&nbsp;${c.money }</th>
							<th>
								<button type="button" class="btn btn-default" onclick="delCart(${c.cid})">删除</button>
							</th>
						</tr>
						<c:set var="sum" value="${sum+c.money}"></c:set>
					</c:forEach>
				</table>
			</div>
		</c:if>
	</div>
	<hr>
	<div class="row">
		<div class="pull-right" style="margin-right: 40px;">

			<div>
				<a id="removeAllProduct" href="javascript:clearCart(0)"   onclick="clearCart(${loginUser.id})" class="btn btn-default btn-lg">清空购物车</a>
				&nbsp;&nbsp;
				<a href="${pageContext.request.contextPath}/order?method=preView&uid=${loginUser.id}" class="btn  btn-danger btn-lg">去结算</a>

			</div>
			<br><br>
			<div style="margin-bottom: 20px;">
				商品金额总计：<span id="total" class="text-danger"><b>￥&nbsp;&nbsp;${sum}</b></span>
			</div>
		</div>
	</div>
</div>


<!-- 底部 -->
<%@ include file="footer.jsp"%>

</body>
</html>